<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <style>
        /* 选择所有 <span> 和 <div> 元素 */
        span,
        div {
            border: red 2px solid;
        }
    </style>
</head>

<body>

    <!-- 选择器列表 -->
    <!-- https://developer.mozilla.org/zh-CN/docs/Learn/CSS/Building_blocks/Selectors -->
    <!-- 如果你有多个使用相同样式的CSS选择器，那么这些单独的选择器可以被混编为一个“选择器列表”，这样，规则就可以应用到所有的单个选择器上了。 -->
    <!-- 当你使用选择器列表时，如果任何一个选择器无效 (存在语法错误)，那么整条规则都会被忽略。 -->
    <!-- 选择器列表 -->
    <!-- https://developer.mozilla.org/zh-CN/docs/Web/CSS/Selector_list -->
    <!-- CSS 选择器列表（,），常被称为并集选择器或并集组合器，选择所有能被列表中的任意一个选择器选中的节点。 -->
    <p>content in <span>span</span></p>
    <div>content in div</div>

</body>

</html>